<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>个人中心</title>

    <!-- 文件导入，共性抽取 -->
    <script src="../../static/v2/js/kimImport.js"></script>

    <link rel="icon" href="../../static/v2/images/favicon.ico">

    <!-- Bootstrap 4.0-->
    <link rel="stylesheet" href="../../static/libs/assets/vendor_components/bootstrap/dist/css/bootstrap.css">

    <!-- Bootstrap extend-->
    <link rel="stylesheet" href="../../static/v2/css/bootstrap-extend.css">

    <!-- theme style -->
    <link rel="stylesheet" href="../../static/v2/css/master_style.css">

    <!-- Fab Admin skins -->
    <link rel="stylesheet" href="../../static/v2/css/skins/_all-skins.css">

    <!-- Vector CSS -->
    <link href="../../static/libs/assets/vendor_components/jvectormap/lib2/jquery-jvectormap-2.0.2.css"
      rel="stylesheet" />

    <!-- Morris charts -->
    <link rel="stylesheet" href="../../static/libs/assets/vendor_components/morris.js/morris.css">

    <!-- 提示的样式 toast CSS -->
    <link href="../../static/libs/assets/vendor_components/jquery-toast-plugin-master/src/jquery.toast.css"
      rel="stylesheet">

    <!-- 自己的公用样式 -->
    <link rel="stylesheet" href="../../static/v2/css/utils.css">


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
	<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	<![endif]-->
  </head>

  <body class="hold-transition skin-blue sidebar-mini">
    <div class="wrapper">

      <kimImport src="common/shareMain.html"></kimImport>

      <div class="content-wrapper">

        <section class="content-header">
          <h1>服务中心
            <!-- <small>控制面板</small> -->
          </h1>
          <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="#"><i class="fa fa-dashboard"></i>主页</a></li>
            <li class="breadcrumb-item active">服务中心</li>
            <li class="breadcrumb-item active">全球催收</li>
          </ol>
        </section>

        <section class="content">
          <!-- Default box -->
          <div class="box">
            <div class="box-header with-border">
              <h3 class="box-title">产品说明</h3>

              <ul class="box-controls pull-right">
                <!-- <li><a class="box-btn-close" href="#"></a></li> -->
                <li><a class="box-btn-slide" href="#"></a></li>
                <!-- <li><a class="box-btn-fullscreen" href="#"></a></li> -->
              </ul>
            </div>
            <div class="box-body kim-box-body">
              <span class="mr-60">
                <p>透过提供优质的服务、环球的覆盖及跨越国界的专业知识，为客户取回资金</p>
                <p>Generate cash for our customers by offering best in class service,worldwide reach and cross-border
                  expertise.</p>
              </span>
              <span class="mr-60">
                <p>通过遍佈各国家/地区的分支公司，催收服务网络覆盖全球近200个国家/地区。</p>
                <p>Through branches all over the country/region, the collection service network covers nearly 200
                  countries/regions in the world.</p>
              </span>
              <span class="">
                <p>
                  收款成功再收费,低至30%!
                </p>
                <p>As low as 30%!</p>
              </span>

            </div>
            <div class="box-footer kim-jsc">
              <button type="button" class="btn btn-rounded btn-info kim-button">立即申请</button>
            </div>
          </div>
          <!-- /.box -->

        </section>

        <!-- Main content -->
        <section class="content">
          <div class="row">

            <div class="col-12">

              <div class="box">
                <div class="box-header with-border">
                  <!-- <h3 class="box-title">纳税信用贷款</h3> -->
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                  <div class="table-responsive">
                    <table id="example1"
                      class="table table-bordered table-hover display nowrap margin-top-10 w-p100 dataTable">
                      <thead class="bg-secondary">
                        <tr>
                          <th>申请单号</th>
                          <th>企业名称</th>
                          <th>上年度纳税总额</th>
                          <th>纳税信用级别</th>
                          <th>状态</th>
                        </tr>
                      </thead>
                      <tbody>
                        <tr>
                          <td>刘一鸣</td>
                          <td>System Architect</td>
                          <td>Edinburgh</td>
                          <td>63</td>
                          <td><button type="button"
                              class="btn btn-outline btn-rounded btn-danger kim-btn-empty">待跟进</button></td>
                        </tr>
                        <tr>
                          <td>何林</td>
                          <td>Accountant</td>
                          <td>Tokyo</td>
                          <td>63</td>
                          <td><button type="button"
                              class="btn btn-outline btn-rounded btn-danger kim-btn-empty">待跟进</button></td>

                        </tr>
                        <tr>
                          <td>锦涛</td>
                          <td>广州市荣晶科技有限公司</td>
                          <td>San Francisco</td>
                          <td>66</td>
                          <td><button type="button"
                              class="btn btn-outline btn-rounded btn-danger kim-btn-empty">待跟进</button></td>
                        </tr>
                        <tr>
                          <td>Kim</td>
                          <td>Senior Javascript Developer</td>
                          <td>Edinburgh</td>
                          <td>22</td>
                          <td><button type="button"
                              class="btn btn-outline btn-rounded btn-danger kim-btn-empty">待跟进</button></td>
                        </tr>
                        <tr>
                          <td>李庆峰</td>
                          <td>Accountant</td>
                          <td>Tokyo</td>
                          <td>33</td>
                          <td>2008/11/28</td>
                        </tr>
                        <tr>
                          <td>ZBT-WS-CREDITLOAN-1</td>
                          <td>Integration Specialist</td>
                          <td>New York</td>
                          <td>61</td>
                          <td>2012/12/02</td>
                        </tr>
                        <tr>
                          <td>Herrod Chandler</td>
                          <td>Sales Assistant</td>
                          <td>San Francisco</td>
                          <td>59</td>
                          <td>2012/08/06</td>
                        </tr>
                        <tr>
                          <td>Rhona Davidson</td>
                          <td>Integration Specialist</td>
                          <td>Tokyo</td>
                          <td>55</td>
                          <td>2010/10/14</td>
                        </tr>
                        <tr>
                          <td>Colleen Hurst</td>
                          <td>Javascript Developer</td>
                          <td>San Francisco</td>
                          <td>39</td>
                          <td>2009/09/15</td>
                        </tr>
                        <tr>
                          <td>Sonya Frost</td>
                          <td>Software Engineer</td>
                          <td>Edinburgh</td>
                          <td>23</td>
                          <td>2008/12/13</td>
                        </tr>
                        <tr>
                          <td>Jena Gaines</td>
                          <td>Office Manager</td>
                          <td>London</td>
                          <td>30</td>
                          <td>2008/12/19</td>
                        </tr>
                        <tr>
                          <td>袁思洁</td>
                          <td>Support Lead</td>
                          <td>Edinburgh</td>
                          <td>22</td>
                          <td>2013/03/03</td>
                        </tr>
                        <tr>
                          <td>Charde Marshall</td>
                          <td>Regional Director</td>
                          <td>San Francisco</td>
                          <td>36</td>
                          <td>2008/10/16</td>
                        </tr>
                        <tr>
                          <td>Haley Kennedy</td>
                          <td>Senior Marketing Designer</td>
                          <td>London</td>
                          <td>43</td>
                          <td>2012/12/18</td>
                        </tr>
                        <tr>
                          <td>Tatyana Fitzpatrick</td>
                          <td>Regional Director</td>
                          <td>London</td>
                          <td>19</td>
                          <td>2010/03/17</td>
                        </tr>
                        <tr>
                          <td>Michael Silva</td>
                          <td>Marketing Designer</td>
                          <td>London</td>
                          <td>66</td>
                          <td>2012/11/27</td>
                        </tr>
                        <tr>
                          <td>Paul Byrd</td>
                          <td>Chief Financial Officer (CFO)</td>
                          <td>New York</td>
                          <td>64</td>
                          <td>2010/06/09</td>
                        </tr>
                        <tr>
                          <td>Gloria Little</td>
                          <td>Systems Administrator</td>
                          <td>New York</td>
                          <td>59</td>
                          <td>2009/04/10</td>
                        </tr>
                        <tr>
                          <td>Bradley Greer</td>
                          <td>Software Engineer</td>
                          <td>London</td>
                          <td>41</td>
                          <td>2012/10/13</td>
                        </tr>
                        <tr>
                          <td>Dai Rios</td>
                          <td>Personnel Lead</td>
                          <td>Edinburgh</td>
                          <td>35</td>
                          <td>2012/09/26</td>
                        </tr>
                        <tr>
                          <td>Jenette Caldwell</td>
                          <td>Development Lead</td>
                          <td>New York</td>
                          <td>30</td>
                          <td>2011/09/03</td>
                        </tr>
                        <tr>
                          <td>Yuri Berry</td>
                          <td>Chief Marketing Officer (CMO)</td>
                          <td>New York</td>
                          <td>40</td>
                          <td>2009/06/25</td>
                        </tr>
                        <tr>
                          <td>Caesar Vance</td>
                          <td>Pre-Sales Support</td>
                          <td>New York</td>
                          <td>21</td>
                          <td>2011/12/12</td>
                        </tr>
                        <tr>
                          <td>Doris Wilder</td>
                          <td>Sales Assistant</td>
                          <td>Sidney</td>
                          <td>23</td>
                          <td>2010/09/20</td>
                        </tr>
                        <tr>
                          <td>Angelica Ramos</td>
                          <td>Chief Executive Officer (CEO)</td>
                          <td>London</td>
                          <td>47</td>
                          <td>2009/10/09</td>
                        </tr>
                        <tr>
                          <td>Gavin Joyce</td>
                          <td>Developer</td>
                          <td>Edinburgh</td>
                          <td>42</td>
                          <td>2010/12/22</td>
                        </tr>
                        <tr>
                          <td>Jennifer Chang</td>
                          <td>Regional Director</td>
                          <td>Singapore</td>
                          <td>28</td>
                          <td>2010/11/14</td>
                        </tr>
                        <tr>
                          <td>Brenden Wagner</td>
                          <td>Software Engineer</td>
                          <td>San Francisco</td>
                          <td>28</td>
                          <td>2011/06/07</td>
                        </tr>
                        <tr>
                          <td>Fiona Green</td>
                          <td>Chief Operating Officer (COO)</td>
                          <td>San Francisco</td>
                          <td>48</td>
                          <td>2010/03/11</td>
                        </tr>
                        <tr>
                          <td>Shou Itou</td>
                          <td>Regional Marketing</td>
                          <td>Tokyo</td>
                          <td>20</td>
                          <td>2011/08/14</td>
                        </tr>
                        <tr>
                          <td>Michelle House</td>
                          <td>Integration Specialist</td>
                          <td>Sidney</td>
                          <td>37</td>
                          <td>2011/06/02</td>
                        </tr>
                        <tr>
                          <td>Suki Burks</td>
                          <td>Developer</td>
                          <td>London</td>
                          <td>53</td>
                          <td>2009/10/22</td>
                        </tr>
                        <tr>
                          <td>Prescott Bartlett</td>
                          <td>Technical Author</td>
                          <td>London</td>
                          <td>27</td>
                          <td>2011/05/07</td>
                        </tr>
                        <tr>
                          <td>Gavin Cortez</td>
                          <td>Team Leader</td>
                          <td>San Francisco</td>
                          <td>22</td>
                          <td>2008/10/26</td>
                        </tr>
                        <tr>
                          <td>Martena Mccray</td>
                          <td>Post-Sales support</td>
                          <td>Edinburgh</td>
                          <td>46</td>
                          <td>2011/03/09</td>
                        </tr>
                        <tr>
                          <td>Unity Butler</td>
                          <td>Marketing Designer</td>
                          <td>San Francisco</td>
                          <td>47</td>
                          <td>2009/12/09</td>
                        </tr>
                        <tr>
                          <td>Howard Hatfield</td>
                          <td>Office Manager</td>
                          <td>San Francisco</td>
                          <td>51</td>
                          <td>2008/12/16</td>
                        </tr>
                        <tr>
                          <td>Hope Fuentes</td>
                          <td>Secretary</td>
                          <td>San Francisco</td>

                          <td>41</td>
                          <td>2010/02/12</td>
                        </tr>
                        <tr>
                          <td>Vivian Harrell</td>
                          <td>Financial Controller</td>
                          <td>San Francisco</td>
                          <td>62</td>
                          <td>2009/02/14</td>
                        </tr>
                        <tr>
                          <td>Timothy Mooney</td>
                          <td>Office Manager</td>
                          <td>London</td>
                          <td>37</td>
                          <td>2008/12/11</td>
                        </tr>
                        <tr>
                          <td>Jackson Bradshaw</td>
                          <td>Director</td>
                          <td>New York</td>
                          <td>65</td>
                          <td>2008/09/26</td>
                        </tr>
                        <tr>
                          <td>Olivia Liang</td>
                          <td>Support Engineer</td>
                          <td>Singapore</td>
                          <td>64</td>
                          <td>2011/02/03</td>
                        </tr>
                        <tr>
                          <td>Bruno Nash</td>
                          <td>Software Engineer</td>
                          <td>London</td>
                          <td>38</td>
                          <td>2011/05/03</td>
                        </tr>
                        <tr>
                          <td>Sakura Yamamoto</td>
                          <td>Support Engineer</td>
                          <td>Tokyo</td>
                          <td>37</td>
                          <td>2009/08/19</td>
                        </tr>
                        <tr>
                          <td>Thor Walton</td>
                          <td>Developer</td>
                          <td>New York</td>
                          <td>61</td>
                          <td>2013/08/11</td>
                        </tr>
                        <tr>
                          <td>Finn Camacho</td>
                          <td>Support Engineer</td>
                          <td>San Francisco</td>
                          <td>47</td>
                          <td>2009/07/07</td>
                        </tr>
                        <tr>
                          <td>Serge Baldwin</td>
                          <td>Data Coordinator</td>
                          <td>Singapore</td>
                          <td>64</td>
                          <td>2012/04/09</td>
                        </tr>
                        <tr>
                          <td>Zenaida Frank</td>
                          <td>Software Engineer</td>
                          <td>New York</td>
                          <td>63</td>
                          <td>2010/01/04</td>
                        </tr>
                        <tr>
                          <td>Zorita Serrano</td>
                          <td>Software Engineer</td>
                          <td>San Francisco</td>
                          <td>56</td>
                          <td>2012/06/01</td>
                        </tr>
                        <tr>
                          <td>Jennifer Acosta</td>
                          <td>Junior Javascript Developer</td>
                          <td>Edinburgh</td>
                          <td>43</td>
                          <td>2013/02/01</td>
                        </tr>
                        <tr>
                          <td>Cara Stevens</td>
                          <td>Sales Assistant</td>
                          <td>New York</td>
                          <td>46</td>
                          <td>2011/12/06</td>
                        </tr>
                        <tr>
                          <td>Hermione Butler</td>
                          <td>Regional Director</td>
                          <td>London</td>
                          <td>47</td>
                          <td>2011/03/21</td>
                        </tr>
                        <tr>
                          <td>Lael Greer</td>
                          <td>Systems Administrator</td>
                          <td>London</td>
                          <td>21</td>
                          <td>2009/02/27</td>
                        </tr>
                        <tr>
                          <td>Jonas Alexander</td>
                          <td>Developer</td>
                          <td>San Francisco</td>
                          <td>30</td>
                          <td>2010/07/14</td>
                        </tr>
                        <tr>
                          <td>Shad Decker</td>
                          <td>Regional Director</td>
                          <td>Edinburgh</td>
                          <td>51</td>
                          <td>2008/11/13</td>
                        </tr>
                        <tr>
                          <td>Michael Bruce</td>
                          <td>Javascript Developer</td>
                          <td>Singapore</td>
                          <td>29</td>
                          <td>2011/06/27</td>
                        </tr>
                        <tr>
                          <td>Donna Snider</td>
                          <td>Customer Support</td>
                          <td>New York</td>
                          <td>27</td>
                          <td>2011/01/25</td>
                        </tr>
                      </tbody>

                      <tfoot>
                        <tr>
                          <th colspan="5" class="kim-text-center">暂未查到你想要的内容</th>
                        </tr>
                      </tfoot>

                    </table>
                  </div>
                </div>
                <!-- /.box-body -->
              </div>

              <!-- /.box -->

              <!-- /.box -->
            </div>
          </div>
        </section>


        <div class="col-lg-6 col-12 kim-position-ab ">
          <!-- Basic Forms -->
          <div class="box kim-box-display">
            <div class="box-header with-border kim-title">
              <h4 class="box-title ">立即申请/Apply</h4>
              <ul class="box-controls pull-right">
                <li><a class="kim-close box-btn-close" href="#"></a></li>
                <li><a class="box-btn-fullscreen" href="#"></a></li>
              </ul>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
              <div class="row">
                <div class="col-12">
                  <div class="form-group row">
                    <label for="example-text-input" class="col-sm-2 col-form-label"><i
                        class="kim-i-red">*</i>&nbsp;债务人姓名</label>
                    <div class="col-sm-10">
                      <input class="form-control" type="text" value="" id="example-text-input">
                    </div>
                  </div>
                  <div class="form-group row">
                    <label for="example-search-input" class="col-sm-2 col-form-label"><i
                        class="kim-i-red">*</i>&nbsp;债务人地址</label>
                    <div class="col-sm-10">
                      <input class="form-control" type="text" value="" id="example-search-input">
                    </div>
                  </div>
                  <div class="form-group row">
                    <label for="example-email-input" class="col-sm-2 col-form-label"><i
                        class="kim-i-red">*</i>&nbsp;债务人电话</label>
                    <div class="col-sm-10">
                      <input class="form-control" type="text" value="" id="example-email-input">
                    </div>
                  </div>
                  <div class="form-group row">
                    <label for="example-url-input" class="col-sm-2 col-form-label"><i
                        class="kim-i-red">*</i>&nbsp;债务联系人</label>
                    <div class="col-sm-10">
                      <input class="form-control" type="text" value="" id="example-url-input">
                    </div>
                  </div>
                  <div class="form-group row">
                    <label for="example-tel-input" class="col-sm-2 col-form-label"><i
                        class="kim-i-red">*</i>&nbsp;债务人邮箱</label>
                    <div class="col-sm-10">
                      <input class="form-control" type="text" value="" id="example-tel-input">
                    </div>
                  </div>
                  <div class="form-group row">
                    <label for="example-password-input" class="col-sm-2 col-form-label"><i
                        class="kim-i-red">*</i>&nbsp;应收金额</label>
                    <div class="col-sm-10">
                      <input class="form-control" type="text" value="" id="example-password-input">
                    </div>
                  </div>

                  <div class="form-group row">
                    <label for="" class="col-sm-2 col-form-label"><i class="kim-i-red">*</i>&nbsp;应收金额</label>
                    <div class="col-sm-10">
                      <input class="form-control" type="text" value="" id="">
                    </div>
                  </div>
                  <div class="form-group row">
                    <label for="" class="col-sm-2 col-form-label"><i class="kim-i-red">*</i>&nbsp;债权人名字</label>
                    <div class="col-sm-10">
                      <input class="form-control" type="text" value="" id="">
                    </div>
                  </div>
                  <div class="form-group row">
                    <label for="" class="col-sm-2 col-form-label"><i class="kim-i-red">*</i>&nbsp;债权人地址</label>
                    <div class="col-sm-10">
                      <input class="form-control" type="text" value="" id="">
                    </div>
                  </div>
                  <div class="form-group row">
                    <label for="" class="col-sm-2 col-form-label"><i class="kim-i-red">*</i>&nbsp;债权人电话</label>
                    <div class="col-sm-10">
                      <input class="form-control" type="text" value="" id="">
                    </div>
                  </div>
                  <div class="form-group row">
                    <label for="" class="col-sm-2 col-form-label"><i class="kim-i-red">*</i>&nbsp;债权联系人</label>
                    <div class="col-sm-10">
                      <input class="form-control" type="text" value="" id="">
                    </div>
                  </div>
                  <div class="form-group row">
                    <label for="" class="col-sm-2 col-form-label"><i class="kim-i-red">*</i>&nbsp;催收协议模板</label>
                    <div class="col-sm-10">
                      <a class="dropdown-item" href="#">
                        <span class="icon fa fa-download"></span>
                        <span class="title">下载</span>
                      </a>
                    </div>
                  </div>


                  <div class="form-group row">
                    <label for="example-number-input" class="col-sm-2 col-form-label"><i
                        class="kim-i-red">*</i>&nbsp;上传待审核单</label>
                    <div class="col-sm-10">
                      <input class="form-control" type="file" value="" id="example-number-input">
                    </div>
                  </div>

                  <div class="kim-jsc">
                    <button class="tst1 btn btn-info btn-rounded">马上申请</button>
                    <button class="tst2 btn btn-warning btn-rounded ml-15">取消申请</button>
                  </div>

                </div>
              </div>
            </div>
          </div>
        </div>

        </section>


      </div>

      <kimImport src="common/footer.html"></kimImport> <!-- 导入尾部 -->
      <kimImport src="common/controlSidebar.html"></kimImport> <!-- 导入右侧栏的控制滑块 -->


    </div>

    <!-- jQuery 3 -->
    <script src="../../static/libs/assets/vendor_components/jquery/dist/jquery.min.js"></script>

    <!-- popper -->
    <script src="../../static/libs/assets/vendor_components/popper/dist/popper.min.js"></script>

    <!-- Bootstrap 4.0-->
    <script src="../../static/libs/assets/vendor_components/bootstrap/dist/js/bootstrap.min.js"></script>

    <!-- SlimScroll -->
    <script src="../../static/libs/assets/vendor_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>

    <!-- FastClick -->
    <script src="../../static/libs/assets/vendor_components/fastclick/lib/fastclick.js"></script>

    <!-- Fab Admin App -->
    <script src="../../static/v2/js/template.js"></script>

    <!-- Fab Admin for demo purposes -->
    <script src="../../static/v2/js/demo.js"></script>

    <!-- This is data table -->
    <script src="../../static/libs/assets/vendor_components/datatable/datatables.js"></script>
    <!-- <script src="../../static/libs/assets/vendor_components/datatable/datatables.min.js"></script> -->

    <!-- Fab Admin dashboard demo (This is only for demo purposes) -->
    <!-- <script src="js/pages/dashboard.js"></script> -->

    <!-- Fab Admin for Data Table -->
    <script src="../../static/v2/js/pages/data-table.js"></script>

    <!-- 自定义公共样式 -->
    <script src="../../static/v2/js/utils.js"></script>

    <!-- Vector map JavaScript -->
    <script src="../../static/libs/assets/vendor_components/jvectormap/lib2/jquery-jvectormap-2.0.2.min.js"></script>
    <script src="../../static/libs/assets/vendor_components/jvectormap/lib2/jquery-jvectormap-world-mill-en.js">
    </script>
    <script src="../../static/libs/assets/vendor_components/jvectormap/lib2/jquery-jvectormap-us-aea-en.js"></script>


    <script>
      dragFloatingLayer(".kim-button", ".kim-box-display", ".kim-title", ".kim-bg") //kim-position kim-box kim-close
    </script>


    <!-- toast -->
    <script src="../../static/libs/assets/vendor_components/jquery-toast-plugin-master/src/jquery.toast.js"></script>
    <script src="../../static/v2/js/pages/toastr.js"></script>
    <script type="text/javascript">
      //Alerts
      $(".myadmin-alert .closed").click(function (event) {
        $(this).parents(".myadmin-alert").fadeToggle(350);
        return false;
      });
      /* Click to close */
      $(".myadmin-alert-click").click(function (event) {
        $(this).fadeToggle(350);
        return false;
      });
      $(".showtop").click(function () {
        $(".alerttop").fadeToggle(350);
      });
      $(".showtop2").click(function () {
        $(".alerttop2").fadeToggle(350);
      });
      /** Alert Position Bottom  **/
      $(".showbottom").click(function () {
        $(".alertbottom").fadeToggle(350);
      });
      $(".showbottom2").click(function () {
        $(".alertbottom2").fadeToggle(350);
      });
      /** Alert Position Top Left  **/
      $("#showtopleft").click(function () {
        $("#alerttopleft").fadeToggle(350);
      });
      /** Alert Position Top Right  **/
      $("#showtopright").click(function () {
        $("#alerttopright").fadeToggle(350);
      });
      /** Alert Position Bottom Left  **/
      $("#showbottomleft").click(function () {
        $("#alertbottomleft").fadeToggle(350);
      });
      /** Alert Position Bottom Right  **/
      $("#showbottomright").click(function () {
        $("#alertbottomright").fadeToggle(350);
      });
    </script>

  </body>

</html>